$(".colorGreen").click(function () {
    $('.hero-unit-purple').removeClass('hero-unit-purple').addClass('hero-unit-green');
    $('.hero-unit-orange').removeClass('hero-unit-orange').addClass('hero-unit-green');
    $('.navbar-inner-purple').removeClass('navbar-inner-purple').addClass('navbar-inner-green');
    $('.navbar-inner-orange').removeClass('navbar-inner-orange').addClass('navbar-inner-green');
});

$(".colorOrange").click(function () {
    $('.hero-unit-purple').removeClass('hero-unit-purple').addClass('hero-unit-orange');
    $('.hero-unit-green').removeClass('hero-unit-green').addClass('hero-unit-orange');
    $('.navbar-inner-purple').removeClass('navbar-inner-purple').addClass('navbar-inner-orange');
    $('.navbar-inner-green').removeClass('navbar-inner-green').addClass('navbar-inner-orange');
});

$(".colorPurple").click(function () {
    $('.hero-unit-green').removeClass('hero-unit-green').addClass('hero-unit-purple');
    $('.hero-unit-orange').removeClass('hero-unit-orange').addClass('hero-unit-purple');
    $('.navbar-inner-green').removeClass('navbar-inner-green').addClass('navbar-inner-purple');
    $('.navbar-inner-orange').removeClass('navbar-inner-orange').addClass('navbar-inner-purple');
});